<template>
    <div class="common-layout">
      <el-container>
          <myAside></myAside>
        <el-container>
          <el-header><Header></Header></el-header>
          <el-main>Main
            <RouterView></RouterView>
          </el-main>
        </el-container>
      </el-container>
    </div>
</template>

<script setup>
import myAside from '../components/myAside.vue'
import Header from '../components/navHeader.vue'
</script>

<style lang="less" scoped>
//使用less的语法进行编写不同的就是当处于嵌套的过程中
  .common-layout{
    height: 100%;
    .el-container{
      height: 100%;
    }
  }
</style>